.top_div{
    width: 100%;

}
.title{
    max-width: 90%;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden; /** 隐藏超出的内容 **/
    font-size: 18px;
    padding: 10px;
    color: #080808;
}
.auther{
    max-width: 20%;
    margin-left: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 1; /** 显示的行数 **/
    overflow: hidden; /** 隐藏超出的内容 **/
    font-size: 16px;
    color: #5b5b5b;
}
.bottom_div{
    width: 100%;
    height: 100%;
    font-size: 20px;
    padding: 10px;
    color: #181818;
    word-wrap:break-word;
    word-break:break-all;
}